<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.layer {
				position: absolute;
				left: 20px;
				right: 20px;
				background-color: #E4E3E3;
				top: 20px;
				padding: 20px;
			}
			
			.layer-left {
				width: 200px;
				position: relative;
				background-color: white;
				float: left;
			}
			
			.layer-right {
				width: 120px;
				background-color: white;
				float: right;
			}
			
			.layer-centre {
				background-color: white;		
			/*外边距上右下左*/
				margin: 0px  140px 0px 220px;
				padding: 20px;
			}
			
			.log {
				width: 80px;
				height: 80px;
				background-color: lavender;
				margin: 20px;
			}
			
			.team-name {
				line-height: 0px;
				float: right;
				position: absolute;
				left: 120px;
				top: 30px;
			}
		</style>
		<script>
		</script>
	</head>

	<body>
		<div>
			<div class="layer">
				<div class="layer-left">
					<div class="log">

					</div>
					<div class="team-name">团队名称</div>
				</div>

				<div class="layer-right">
					<div class="log">

					</div>
					<div class="log">

					</div>
					<div class="log">

					</div>
					<div class="log">

					</div>
				</div>
				<div class="layer-centre">
					<article class="">
						<h3>关于团队的介绍</h3>
						<p>一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.</p>
					</article>
					<article class="">
						<h3>春季班概述</h3>
						<p>一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.一些介绍内容.</p>
					</article>
				</div>
			</div>
		</div>
	</body>

</html>